.content-wrap {
  width: 100%;
  height: 100%; }
  .content-wrap .header-bg {
    width: 100%;
    height: 4.42667rem;
    background-image: url(../images/header-bg.png); }
  .content-wrap .content {
    width: 100%;
    padding: 0 0.4rem; }

.return-header {
  background-color: #1f2735;
  height: 1.46667rem;
  padding-top: 0.4rem; }
  .return-header .title {
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 0.45333rem;
    color: #fff; }
  .return-header img {
    margin-left: 0.4rem;
    width: 0.66667rem;
    height: 0.66667rem; }

.topcourse {
  padding: 0.13333rem 0rem;
  text-align: center;
  background: #fff; }
  .topcourse .num {
    display: inline-block;
    border-radius: 50%;
    background-color: gold;
    color: #fff;
    font-size: 0.26667rem;
    width: 0.4rem;
    height: 0.4rem;
    text-align: center;
    line-height: 0.4rem; }
  .topcourse .text {
    color: pink;
    font-size: 0.32rem; }

.scrollprompt {
  width: 100%;
  background-color: #fdfdf5;
  font-size: 0.32rem;
  color: #9e9880;
  display: inline-block;
  overflow: hidden;
  text-align: initial;
  white-space: nowrap; }

.apprenticetask {
  width: 100%;
  background: #fff;
  padding: 0.4rem; }
  .apprenticetask p {
    font-size: 0.48rem;
    color: #333; }
  .apprenticetask .userwrap {
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap; }
    .apprenticetask .userwrap .headportrait {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
      width: 1.46667rem;
      height: 1.46667rem; }
    .apprenticetask .userwrap .itemcenter {
      padding-top: 0.08rem;
      padding-left: 0.53333rem;
      flex: 0 0 50%;
      max-width: 50%; }
      .apprenticetask .userwrap .itemcenter .bigsize {
        font-size: 0.4rem;
        color: #333;
        display: block; }
      .apprenticetask .userwrap .itemcenter .smallsize {
        font-size: 0.34667rem;
        color: #999;
        display: block;
        margin-top: 0.13333rem; }
    .apprenticetask .userwrap .itemright {
      flex: 0 0 33.333333%;
      max-width: 33.333333%; }
      .apprenticetask .userwrap .itemright a {
        display: inline-block;
        background-color: #ffb811;
        border-radius: 50px;
        width: 2.13333rem;
        margin-top: 0.34667rem;
        color: #fff;
        text-align: center;
        padding-top: 0.16rem;
        padding-bottom: 0.16rem;
        font-size: 0.34667rem;
        margin-left: 0.8rem; }

.redenvelopes {
  width: 100%;
  background: #fff;
  padding: 0.26667rem 0.4rem;
  margin-top: 0.26667rem;
  display: flex;
  flex-wrap: wrap; }
  .redenvelopes .redenvelopesimg {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
    width: 1.73333rem;
    height: 1.2rem; }
  .redenvelopes .itemcenter {
    padding-left: 0.53333rem;
    flex: 0 0 50%;
    max-width: 50%; }
    .redenvelopes .itemcenter .bigsize {
      font-size: 0.4rem;
      color: #333;
      display: block; }
    .redenvelopes .itemcenter .smallsize {
      font-size: 0.34667rem;
      color: #999;
      display: block;
      margin-top: 0.13333rem; }
  .redenvelopes .itemright {
    margin-top: 0.26667rem;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: right; }
    .redenvelopes .itemright span {
      display: inline-block;
      color: #f93232;
      font-size: 0.58667rem; }
      .redenvelopes .itemright span em {
        font-size: 0.32rem; }

.tasklist {
  width: 100%;
  background: #fff;
  padding: 0.4rem;
  margin-top: 10px; }
  .tasklist p {
    font-size: 0.48rem;
    color: #333; }
  .tasklist .userwrap {
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap; }
    .tasklist .userwrap .headportrait {
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
      filter: blur(2px);
      -webkit-filter: blur(2px);
      width: 1.46667rem;
      height: 1.46667rem; }
    .tasklist .userwrap .itemcenter {
      padding-top: 0.08rem;
      padding-left: 0.53333rem;
      flex: 0 0 50%;
      max-width: 50%; }
      .tasklist .userwrap .itemcenter .bigsize {
        font-size: 0.4rem;
        color: #333;
        display: block;
        margin-bottom: 0.21333rem; }
      .tasklist .userwrap .itemcenter .lootallsize {
        margin-top: 0.26667rem; }
      .tasklist .userwrap .itemcenter .smallsize {
        font-size: 0.34667rem;
        color: red;
        border: 1px solid red;
        display: inline;
        padding: 0.05333rem 0.13333rem; }
    .tasklist .userwrap .itemright {
      margin-top: 0.4rem;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      text-align: right; }
      .tasklist .userwrap .itemright span {
        display: inline-block;
        color: #f93232;
        font-size: 0.58667rem; }
        .tasklist .userwrap .itemright span em {
          font-size: 0.32rem; }
    .tasklist .userwrap .lootall {
      color: #ccc;
      font-size: 0.42667rem;
      margin-top: 0.4rem; }

.tasklistNotice {
  width: 100%;
  background: #fff;
  padding: 0.4rem;
  margin-top: 10px; }
  .tasklistNotice p {
    font-size: 0.48rem;
    color: #333; }
  .tasklistNotice .userwrap {
    margin-top: 0.4rem;
    display: flex;
    flex-wrap: wrap; }
    .tasklistNotice .userwrap .headportrait {
      flex: 0 0 25%;
      max-width: 25%;
      background: #F58076;
      border-radius: 4px;
      line-height: 0.53333rem;
      height: 1.46667rem; }
      .tasklistNotice .userwrap .headportrait span {
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 0.37333rem;
        color: #fff; }
        .tasklistNotice .userwrap .headportrait span.top {
          margin-top: 0.26667rem; }
    .tasklistNotice .userwrap .itemcenter {
      padding-top: 0.08rem;
      padding-left: 0.53333rem;
      flex: 0 0 41%;
      max-width: 41%; }
      .tasklistNotice .userwrap .itemcenter .bigsize {
        font-size: 0.4rem;
        color: #333;
        display: block;
        margin-bottom: 0.21333rem; }
      .tasklistNotice .userwrap .itemcenter .lootallsize {
        margin-top: 0.26667rem; }
      .tasklistNotice .userwrap .itemcenter .smallsize {
        font-size: 0.34667rem;
        color: red;
        border: 1px solid red;
        display: inline;
        padding: 0.05333rem 0.13333rem; }
    .tasklistNotice .userwrap .itemright {
      margin-top: 0.4rem;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
      text-align: right; }
      .tasklistNotice .userwrap .itemright span {
        display: inline-block;
        color: #f93232;
        font-size: 0.58667rem; }
        .tasklistNotice .userwrap .itemright span em {
          font-size: 0.32rem; }
    .tasklistNotice .userwrap .lootall {
      color: #ccc;
      font-size: 0.42667rem;
      margin-top: 0.4rem; }
